/**
 *  个人中心 > 基本资料
 */
const BASE_URL = 'http://api-breakingnews-web.itheima.net'

// 第一个功能 :获取用户个人信息
function getUserInfo1() {
  //1. 发送请求
  axios
    .get(`${BASE_URL}/my/userinfo`, {
      headers: {
        Authorization: localStorage.getItem('token'),
      },
    })
    .then(res => {
      console.log('获取信息:', res)

      //2. 解构
      let { id, username, nickname, email } = res.data.data

      //3. 赋值
      $('input[name=username]').val(username)
      $('input[name=nickname]').val(nickname)
      $('input[name=email]').val(email)
      $('input[name=id]').val(id)
    })
}

getUserInfo1()

// 第二个功能 : 校验
let form = window.layui.form
form.verify({
  nickname: function (value) {
    if (!/^[\u4E00-\u9FA5]+$/.test(value)) {
      return '马哥 : 昵称必须为中文'
    }
  },
})

// 第三个功能 :
// 1. 给表单注册 submit 事件
$('.layui-form').on('submit', function (e) {
  //2. 阻止默认行为
  e.preventDefault()

  //3. 获取表单数据
  let v1 = $('input[name=id]').val()
  let v2 = $('input[name=nickname]').val()
  let v3 = $('input[name=email]').val()
  let data = `id=${v1}&nickname=${v2}&email=${v3}`

  //4. 发送请求
  axios
    .post(`${BASE_URL}/my/userinfo`, data, {
      headers: {
        Authorization: localStorage.getItem('token'),
      },
    })
    .then(res => {
      console.log('修改:', res)
      if (res.data.status === 0) {
        // 5.1 判断 提示
        layer.msg(res.data.message, {
          icon: 1,
          time: 2000, //2秒关闭（如果不配置，默认是3秒）
        })
        // 5.2 加载 首页 index 页面的额mg-getUserInfo
        // window.mg_getUserInfo()
        // console.log(window)
        window.parent.mg_getUserInfo()
      }
    })
})

// 第四个功能 : 点击重置
$('.my-reset').on('click', function () {
  getUserInfo1()
})
